cody - HTMLify profile
cody
4270 Files
633462 Views
Latest files of /cody/swapnilsparsh/30DaysOfJavaScript/192 - Wall Breaker Game
README.md
cody/swapnilsparsh/30DaysOfJavaScript/192 - Wall Breaker Game/README.md
# Break the Wall Game
- Press up Arrow Key Left/Right Arrow Key to Move
# Screenshots
- Press up Arrow Key Left/Right Arrow Key to Move
# Screenshots
style.css
cody/swapnilsparsh/30DaysOfJavaScript/192 - Wall Breaker Game/style.css
body{
background-color: #fff;
background-size: 8px 8px, 8px 8px;
background-position: center, center;
background-image: linear-gradient(#ebf4f9 1px, transparent 1px),linear-gradient(90deg, #ebf4f9 1px, transparent 1px);
}
.container {
background-color: #fff;
background-size: 8px 8px, 8px 8px;
background-position: center, center;
background-image: linear-gradient(#ebf4f9 1px, transparent 1px),linear-gradient(90deg, #ebf4f9 1px, transparent 1px);
}
.container {
index.html
cody/swapnilsparsh/30DaysOfJavaScript/192 - Wall Breaker Game/index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Break The Wall</title>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Break The Wall</title>
script.js
cody/swapnilsparsh/30DaysOfJavaScript/192 - Wall Breaker Game/script.js
const container = document.querySelector('.container');
let conDim = container.getBoundingClientRect();
const gameover = document.createElement('div');
gameover.textContent = "Click here to Start Game And Press up Arrow Key Left/Right Arrow Key to Move";
gameover.style.position = "absolute";
gameover.style.color = "white";
gameover.style.lineHeight = "60px";